require(['./config'], () => {
    require(['jquery'], () => {
        class Reg {
            constructor() {
                this.init()
                this.detail()
                this.zen()
            }
            init() {
                $('#reg').on('click', function () {
                  var obj1 = /^1(3|4|5|6|7|8|9)[0-9]{9}$/ //电话号码
                  var obj =  /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,}$/ //密码
                    const userinfo = {
                        name: $('#user-register').val(),
                        pwd: $('#pass-register').val(),
                        repasspwd: $('#repass-register').val(),
                    }
                    const repwd=$('#repass-register').val()
                    console.log(userinfo)
                    // 先取
                    // 判断是否已经有数据了
                    let userList = localStorage.getItem('userList')
                    if(obj1.test(userinfo.name)||obj.test(userinfo.pwd)){
                        alert('格式不正确，请重新输入')
                    }
                    else if(userinfo.pwd!==repwd){
                        alert('2次密码不一致')
                    }
                    else if(userinfo.name==''||userinfo.pwd==''||userinfo.repasspwd==''){}
                    else{
                        if (userList) {
                            // 已经注册过其他用户了
                            // 取出来的字符串解析成数组
                            userList = JSON.parse(userList)
                            // 把现在这条用户信息push到list里
                            userList.push(userinfo)
                            localStorage.setItem('userList', JSON.stringify(userList))
                        } else {
                            // 一个用户都还没有注册过
                            // 存入只有userinfo这一条数据的数组
                            localStorage.setItem('userList', JSON.stringify([userinfo]))
                        }
                        alert('注册成功，即将跳转登录页')
                        location.href = '/html/login.html'
                    }
                    
                    // var newTab = window.open(); //打开新窗口
                    // console.log(newTab)
                    // setTimeout(function () {
                    //     newTab.location.href = "/html/login.html";
                    // }, 20);
                    // var a = $("<a href='/html/login.html' target='_blank'>Apple</a>").get(0);
                    // var e = document.createEvent('MouseEvents');
                    // e.initEvent( 'click', true, true );
                    // a.dispatchEvent(e);
                    
                })
            }
            detail(){
                $("#reg-reg").on('click',()=>{
                    location.href = '/html/login.html'
                })
                $(".back").on('click',()=>{
                    location.href = '/index.html'
                })
            }
            zen(){
                var obj1 = /^1(3|4|5|6|7|8|9)[0-9]{9}$/ //电话号码
                var obj =  /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,}$/ //密码

                $("input").eq(0).blur(function(){
                    console.log($(this).val());
                    if(!obj1.test($(this).val())){
                        $(this).css({
                            backgroundColor:"red",
                            oparity:0.4,
                        })
                        $(this).val('')
                    }
                })
                $("input").eq(1).blur(function(){
                    console.log($(this).val());
                    if(!obj.test($(this).val())){
                        $(this).css({
                            backgroundColor:"red",
                            oparity:0.4,
                        })
                    }
                })
                $("input").eq(2).blur(function(){
                  console.log($(this).val());
                  if(!obj.test($(this).val())){
                      $(this).css({
                          backgroundColor:"red",
                          oparity:0.4,
                      })
                  }
              })

                $("input").focus(function(){
                    $(this).css({
                        backgroundColor:"#fff",
                        oparity:0.4
                    })
                })
            }
        }
        new Reg()
    })
})